.content {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.top {
  height: 800rpx;
  // height: 850rpx;
  width: 100%;
  overflow: hidden;
  z-index: 11;
  position: relative;
  .top-inner {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11;
    .top-box {
      margin-bottom: 20rpx;
      padding: 20rpx 30rpx;
      background-color: #fff;
      width: 100%;
      box-sizing: border-box;
      .top-data {
        display: flex;
        gap: 30rpx;
        align-items: center;
        justify-content: space-around;
        .top-data-box {
          width: 40%;
          text-align: center;
          & > .view {
            padding: 12rpx 0;
            font-size: 24rpx;
            line-height: 30rpx;
            &.is-large {
              font-size: 36rpx;
              line-height: 36rpx;
            }
            & .text {
              margin-left: 12rpx;
            }
          }
        }
      }
    }
  }
}
.echart-box {
  width: 100%;
  height: 400rpx;
  position: relative;
  z-index: 11;
  padding-bottom: 30rpx;
}
.menu-title {
  font-size: 34rpx;
  font-weight: bold;
  line-height: 40rpx;
  padding-bottom: 30rpx;
  display: flex;
  gap: 4rpx;
  align-items: center;
  .box-count {
    color: #fff;
    line-height: 40rpx;
    font-size: 28rpx;
    height: 40rpx;
    border-radius: 20rpx;
    min-width: 40rpx;
    padding: 0 4rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: red;
    font-weight: normal;
    transform: scale(0.75);
  }
}
.menu-box {
  background-color: #fff;
  border-top-left-radius: 30rpx;
  border-top-right-radius: 30rpx;
  position: relative;
  min-height: calc(100% - 800rpx);
  box-shadow: 0 -10rpx 20rpx rgba(18, 49, 39, 0.2);
  z-index: 99;
  padding: 40rpx;
  box-sizing: border-box;
  .menu-item {
    &:not(:first-child) {
      margin-top: 30rpx;
    }
    width: 100%;
    padding: 30rpx;
    border-radius: 20rpx;
    box-sizing: border-box;
    position: relative;
    background-color: #f1f1f1;
    .menu-row {
      font-size: 26rpx;
      padding: 8rpx 0;
      line-height: 30rpx;
      white-space: pre-wrap;
      display: flex;
      flex-flow: row nowrap;
      white-space: nowrap;
    }
  }
}
